<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0，maximum-scale=1.0,minimum-scale=1.0,user-scale=no">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="icon" href="./img/logo">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.1/css/all.css" rel="stylesheet">
    <title>苏宁易购，购的轻松！</title>

</head>

<body>
    <!-- 广告栏 -->
    <div class="ad">
        <div class="center">
            <div class="close">
                X
            </div>
            <img src="./img/ad.png" alt="">
        </div>
    </div>

    <div class="sn_new">
        <img src="./img/new.gif" alt="">
    </div>

    <div class="sn_new">
        <img src="./img/hb.gif" alt="">
    </div>

    <div class="top_btn">
        <img src="./img/topBtn.png" alt="">
    </div>

    <!-- 导航栏 -->
    <nav>
        <div class="head-img">
            <div class="img_1">
                <img src="./img/nav.png" alt="">
            </div>
            <div class="img_2">
                <img src="./img/nav2s.gif" alt="">
            </div>
            <div class="img_3">
                <img src="./img/nav3.png" alt="">
            </div>
        </div>

        <div class="search">
            <div class="search-box">
                <i class="fas fa-search"></i>
                <input type="text" placeholder="家电家装节 爆款5折抢">
            </div>
        </div>
    </nav>
    <!-- 导航栏 -->

    <!-- 轮播图 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="#" target="_blank"><img src="./img/lbt1.png" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="#" target="_blank"><img src="./img/lbt2.jpg" alt="">
                </a>
            </div>
            <div class="swiper-slide"><a href="#" target="_blank">
                    <img src="./img/lbt.jpg" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="#" target="_blank">
                    <img src="./img/lbt4.png" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="#" target="_blank"><img src="./img/lbt5.png" alt="">
                </a>
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
    <!-- 轮播图 -->


    <!-- ad -->
    <div class="ad-wrap">
        <img src="./img/add.png" alt="">
    </div>
    <!-- ad -->
    <!-- 图标栏 -->
    <div class="icon-img">
        <ul class="icon_1">
            <li>
                <img src="./img/icon1.png" alt="">
                <span>
                    <a href="https://c.m.suning.com/snjdyq.html" target="_blank">苏宁秒杀</a>
                </span>
            </li>
            <li>
                <img src="./img/icon2.png" alt="">
                <span><a href="https://c.m.suning.com/smarketyq.html" target="_blank">
                        苏宁超市
                    </a></span>
            </li>
            <li>
                <img src="./img/icon3.png" alt="">
                <span><a href="https://c.m.suning.com/yipinceshi.html" target="_blank">苏宁品购</a></span>
            </li>
            <li>
                <img src="./img/icon4.png" alt="">
                <span><a href="https://c.m.suning.com/Wan3C.html" target="_blank">手机数码</a></span>
            </li>
            <li>
                <img src="./img/icon5.png" alt="">
                <span><a href="https://c.m.suning.com/jzpdcs3.html" target="_blank">家居家装</a></span>
            </li>
        </ul>

        <ul class="icon_2">
            <li>
                <img src="./img/icon6.png" alt="">
                <span><a href="https://c.m.suning.com/newfspd.html" target="_blank">服饰百货</a></span>
            </li>
            <li>
                <img src="./img/iocn7.png" alt="">
                <span><a href="https://c.m.suning.com/typindaotest.html" target="_blank">生活家电</a></span>
            </li>
            <li>
                <img src="./img/icon8.png" alt="">
                <span><a href="https://sign.suning.com/sign-web/m/newsign/to/index.do?wx_navbar_transparent=true"
                        target="_blank">签到有礼</a></span>
            </li>
            <li>
                <img src="./img/icon9.png" alt="">
                <span><a href="https://res.m.suning.com/project/coupon/dist/center.html#/type/1"
                        target="_blank">领券中心</a></span>
            </li>
            <li>
                <img src="./img/icon10.png" alt="">
                <span><a href="https://c.m.suning.com/channelNSQ.html" target="_blank">更多频道</a></span>
            </li>
        </ul>
    </div>
    <!-- 图标栏 -->

    <!-- 图片栏 -->
    <div class="img_tab">
        <div class="tab_1">
            <img src="./img/tab1.png" alt="">
        </div>
        <div class="tab_2">
            <img src="./img/tab2.gif" alt="">
        </div>
        <div class="tab_3">
            <img src="./img/tab3.gif" alt="">
        </div>
    </div>
    <!-- 图片栏 -->

    <!-- 好货栏 -->
    <div class="good">
        <div class="second_kill">
            <div class="font_word">
                <span>限时秒杀</span>
                <ul class="kill_box">
                    <li>00:</li>
                    <li>00:</li>
                    <li>00:</li>
                </ul>
            </div>

            <p>人气好货限时抢</p>

            <ul class="kill_imgs">
                <li>
                    <img src="./img/kill1.jpg" alt="">
                    <span>
                        ￥39
                        <div>.5</div>
                    </span>

                </li>
                <li>
                    <img src="./img/kill2.jpg" alt="">
                    <span>
                        ￥5
                        <div>.5</div>
                    </span>

                </li>
            </ul>
        </div>
        <div class="huiju">
            <div class="font_word">
                <span>大聚惠</span>

            </div>

            <p>聚忧品·惠生活</p>

            <ul class="kill_imgs">
                <li>
                    <img src="./img/jh1.webp" alt="">
                    <span>
                        <div>飞科(FLYCO)</div>
                    </span>

                </li>
                <li>
                    <img src="./img/jh2.webp" alt="">
                    <span>
                        <div>蒙牛(MENGNIU)</div>

                    </span>

                </li>
            </ul>
        </div>
        <div class="new_product">
            <div class="font_word">
                <span>新品首发</span>

            </div>

            <p>一加9免费试</p>

            <ul class="kill_imgs">
                <li>
                    <img src="./img/sj13.webp" alt="">

                    </span>

                </li>
                <li>
                    <img src="./img/sj14.webp" alt="">


                </li>
            </ul>
        </div>
        <div class="add_buy">
            <div class="font_word">
                <span>苏宁拼购</span>

            </div>

            <p>2人拼更实惠 全场包邮</p>

            <ul class="kill_imgs">
                <li>
                    <img src="./img/pg1.webp" alt="">
                    <span>
                        <div>2人拼4.8</div>
                    </span>

                </li>
                <li>
                    <img src="./img/pg2.webp" alt="">
                    <span>
                        <div>2人拼139</div>

                    </span>

                </li>
            </ul>
        </div>
    </div>
    <!-- 好货栏 -->

    <!-- 推荐栏 -->
    <div class="selector">
        <div class="se_head">
            <p>为你推荐</p>
            <p>精选频道</p>
        </div>
        <ul class="se_tab">
            <li>
                <img src="./img/sn1.webp" alt="">
                <span>苏宁国际</span>
            </li>
            <li>
                <img src="./img/sn2.webp" alt="">
                <span>苏宁Outlets</span>
            </li>
            <li>
                <img src="./img/sn3.png" alt="">
                <span>会员抢购</span>
            </li>
            <li>
                <img src="./img/sn4.png" alt="">
                <span>Super会员</span>
            </li>
        </ul>
    </div>
    <!-- 推荐栏 -->

    <!-- 固定搜索栏 -->
    <div class="fix_search">
        <div class="head-img">
            <div class="img_1">
                <img src="./img/nav.png" alt="">
            </div>
            <div class="img_2">
                <div class="search-box">
                    <i class="fas fa-search"></i>
                    <input type="text" placeholder="家电家装节 爆款5折抢">
                </div>
            </div>
            <div class="img_3">
                <img src="./img/nav3.png" alt="">
            </div>
        </div>
    </div>
    <!-- 固定搜索栏 -->

    <!-- 推荐榜单栏 -->
    <div class="tuijian">
        <img src="./img/tj.png" alt="">
    </div>
    <!-- 推荐榜单栏 -->

    <!-- 推荐tab栏 -->
    <div class="tj_tab">
        <div class="tj_tab1">
            <div class="tj_img">
                <img src="./img/tjimg1.webp" alt="">
                <div class="tj_rank">
                    人气榜
                </div>
            </div>
            <div class="tj_font">

                <p>速热微波炉榜</p>
                <p>卖爆99999万件</p>
            </div>
        </div>


        <div class="tj_tab1">
            <div class="tj_img">
                <img src="./img/tjimg2.webp" alt="">
                <div class="tj_rank">
                    人气榜
                </div>
            </div>


            <div class="tj_font tj_font2">

                <p>多功能电火锅榜</p>
                <p>卖爆0.99件</p>
            </div>
        </div>


        <div class="tj_tab1">
            <div class="tj_img">
                <img src="./img/tjimg3.webp" alt="">
                <div class="tj_rank">
                    人气榜
                </div>
            </div>
            <div class="tj_font ">

                <p>山寨牌王中王</p>
                <p>卖爆2.1件</p>
            </div>
        </div>
    </div>

    <!-- 人气榜 -->
    <div class="hot_tab">
        <ul class="hot-box">
            <li>
                <div class="ht_banner">
                    <p>炖煮搭档冰糖榜</p>
                    <span>人气榜</span>
                </div>
                <p>卖爆5772件</p>

                <div class="hot_img">
                    <img src="./img/hot1.webp" alt="">
                    <img src="./img/hot2.webp" alt="">
                </div>
            </li>
            <li>
                <div class="ht_banner">
                    <p>优质LED光源榜</p>
                    <span>人气榜</span>
                </div>
                <p>卖爆1595件</p>

                <div class="hot_img">
                    <img src="./img/hot3.webp" alt="">
                    <img src="./img/hot4.webp" alt="">
                </div>
            </li>
            <li>
                <div class="ht_banner">
                    <p>乐享鲜汤炖锅榜</p>
                    <span>人气榜</span>
                </div>
                <p>卖爆3937件</p>

                <div class="hot_img">
                    <img src="./img/hoy5.webp" alt="">
                    <img src="./img/hot6.webp" alt="">
                </div>
            </li>
            <li>
                <div class="ht_banner">
                    <p>足部养生按摩榜</p>
                    <span>人气榜</span>
                </div>
                <p>卖爆2912件</p>

                <div class="hot_img">
                    <img src="./img/hot7.webp" alt="">
                    <img src="./img/hot8.webp" alt="">
                </div>
            </li>
        </ul>
    </div>
    <!-- 人气榜 -->

    <!-- 猜你喜欢 -->
    <div class="like">
        <img src="./img/like1.webp" alt="">
    </div>
    <!-- 猜你喜欢 -->

    <!-- 商品栏 1-->
    <div class="flex_goods">
        <div class="one">
            <img src="./img/sp1.webp" alt="">
            <p>Apple AirPods Pro 主动降噪无线蓝牙耳机 适用iPhone/iPad/Apple Watch</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">1688</div>
                <div class="cstm_pj">
                    62万+评价
                </div>
            </div>
        </div>

        <div class="one">
            <img src="./img/sp2.webp" alt="">
            <p>iQOO赠品 55W超快闪充充电器-单拍不发</p>
            <div class="gs_icon">
                <span></span>
            </div>


            <div class="price">
                <span>￥</span>
                <div class="rmb">100</div>
                <div class="cstm_pj">
                    6万+评价
                </div>
            </div>
        </div>

        <div class="one">
            <img src="./img/sp3.webp" alt="">
            <p>帮宝适超薄干爽绿帮拉拉裤XXL90宝宝婴儿尿不湿透气瞬吸纸尿裤</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">209</div>
                <div class="cstm_pj">
                    6.5万+评价
                </div>
            </div>
        </div>
        <div class="one">
            <img src="./img/sp4.webp" alt="">
            <p>四季沐歌卫浴用品 绿色</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">4000</div>
                <div class="cstm_pj">
                    10万+评价
                </div>
            </div>
        </div>
        <!-- -------------------------------------------- -->
        <div class="one">
            <img src="./img/sp5.webp" alt="">
            <p>欧莱雅(LOREAL)青春密码酵素精华肌底液 7.5ml 小样 非卖品（赠品请勿购买）</p>
            <div class="gs_icon">
                <span></span>
                <span>领卷359-30</span>
                <span>返</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">1688</div>
                <div class="cstm_pj">
                    62万+评价
                </div>
            </div>
        </div>

        <div class="one">
            <img src="./img/sp6.webp" alt="">
            <p>苏宁锦鲤礼包AH</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">50</div>
                <div class="cstm_pj">
                    30+评价
                </div>
            </div>
        </div>
    </div>

    <!-- 商品栏2 -->
    <div class="flex_goods">
        <div class="one">
            <img src="./img/sp1.webp" alt="">
            <p>Apple AirPods Pro 主动降噪无线蓝牙耳机 适用iPhone/iPad/Apple Watch</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">1688</div>
                <div class="cstm_pj">
                    62万+评价
                </div>
            </div>
        </div>

        <div class="one">
            <img src="./img/sp2.webp" alt="">
            <p>iQOO赠品 55W超快闪充充电器-单拍不发</p>
            <div class="gs_icon">
                <span></span>

            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">100</div>
                <div class="cstm_pj">
                    <!-- 62万+评价 -->
                </div>
            </div>
        </div>

        <div class="one">
            <img src="./img/sp3.webp" alt="">
            <p>帮宝适超薄干爽绿帮拉拉裤XXL90宝宝婴儿尿不湿透气瞬吸纸尿裤</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">209</div>
                <div class="cstm_pj">
                    6.5万+评价
                </div>
            </div>
        </div>
        <div class="one">
            <img src="./img/sp4.webp" alt="">
            <p>四季沐歌卫浴用品 绿色</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>


            <div class="price">
                <span>￥</span>
                <div class="rmb">4000</div>
                <div class="cstm_pj">

                </div>
            </div>
        </div>
        <!-- -------------------------------------------- -->
        <div class="one">
            <img src="./img/sp5.webp" alt="">
            <p>欧莱雅(LOREAL)青春密码酵素精华肌底液 7.5ml 小样 非卖品（赠品请勿购买）</p>
            <div class="gs_icon">
                <span></span>
                <span>领卷359-30</span>
                <span>返</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">1688</div>
                <div class="cstm_pj">
                    62万+评价
                </div>
            </div>
        </div>

        <div class="one">
            <img src="./img/sp6.webp" alt="">
            <p>苏宁锦鲤礼包AH</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">50</div>
                <div class="cstm_pj">
                    30+评价
                </div>
            </div>
        </div>
    </div>

    <!-- 商品栏 3-->
    <div class="flex_goods">
        <div class="one">
            <img src="./img/sp1.webp" alt="">
            <p>Apple AirPods Pro 主动降噪无线蓝牙耳机 适用iPhone/iPad/Apple Watch</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">1688</div>
                <div class="cstm_pj">
                    62万+评价
                </div>
            </div>
        </div>

        <div class="one">
            <img src="./img/sp2.webp" alt="">
            <p>iQOO赠品 55W超快闪充充电器-单拍不发</p>
            <div class="gs_icon">
                <span></span>

            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">100</div>
                <div class="cstm_pj">
                    <!-- 62万+评价 -->
                </div>
            </div>
        </div>

        <div class="one">
            <img src="./img/sp3.webp" alt="">
            <p>帮宝适超薄干爽绿帮拉拉裤XXL90宝宝婴儿尿不湿透气瞬吸纸尿裤</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">209</div>
                <div class="cstm_pj">
                    6.5万+评价
                </div>
            </div>
        </div>
        <div class="one">
            <img src="./img/sp4.webp" alt="">
            <p>四季沐歌卫浴用品 绿色</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">4000</div>
                <div class="cstm_pj">

                </div>
            </div>
        </div>
        <!-- -------------------------------------------- -->
        <div class="one">
            <img src="./img/sp5.webp" alt="">
            <p>欧莱雅(LOREAL)青春密码酵素精华肌底液 7.5ml 小样 非卖品（赠品请勿购买）</p>
            <div class="gs_icon">
                <span></span>
                <span>领卷359-30</span>
                <span>返</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">1688</div>
                <div class="cstm_pj">
                    62万+评价
                </div>
            </div>
        </div>

        <div class="one">
            <img src="./img/sp6.webp" alt="">
            <p>苏宁锦鲤礼包AH</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">50</div>
                <div class="cstm_pj">
                    30+评价
                </div>
            </div>
        </div>
    </div>

    <!-- 商品栏 4-->
    <div class="flex_goods">
        <div class="one">
            <img src="./img/sp1.webp" alt="">
            <p>Apple AirPods Pro 主动降噪无线蓝牙耳机 适用iPhone/iPad/Apple Watch</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">1688</div>
                <div class="cstm_pj">
                    62万+评价
                </div>
            </div>
        </div>

        <div class="one">
            <img src="./img/sp2.webp" alt="">
            <p>iQOO赠品 55W超快闪充充电器-单拍不发</p>
            <div class="gs_icon">
                <span></span>

            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">100</div>
                <div class="cstm_pj">
                    <!-- 62万+评价 -->
                </div>
            </div>
        </div>

        <div class="one">
            <img src="./img/sp3.webp" alt="">
            <p>帮宝适超薄干爽绿帮拉拉裤XXL90宝宝婴儿尿不湿透气瞬吸纸尿裤</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">209</div>
                <div class="cstm_pj">
                    6.5万+评价
                </div>
            </div>
        </div>
        <div class="one">
            <img src="./img/sp4.webp" alt="">
            <p>四季沐歌卫浴用品 绿色</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">4000</div>
                <div class="cstm_pj">

                </div>
            </div>
        </div>
        <!-- -------------------------------------------- -->
        <div class="one">
            <img src="./img/sp5.webp" alt="">
            <p>欧莱雅(LOREAL)青春密码酵素精华肌底液 7.5ml 小样 非卖品（赠品请勿购买）</p>
            <div class="gs_icon">
                <span></span>
                <span>领卷359-30</span>
                <span>返</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">1688</div>
                <div class="cstm_pj">
                    62万+评价
                </div>
            </div>
        </div>

        <div class="one">
            <img src="./img/sp6.webp" alt="">
            <p>苏宁锦鲤礼包AH</p>
            <div class="gs_icon">
                <span></span>
                <span>大惠聚</span>
            </div>

            <div class="price">
                <span>￥</span>
                <div class="rmb">50</div>
                <div class="cstm_pj">
                    30+评价
                </div>
            </div>
        </div>
    </div>

    <!-- 底部图片 -->
    <div class="footer">
        <img src="./img/footer.png" alt="">
    </div>
    <!-- 底部图片 -->

    <div class="copyright">
        <p>CopyRight QQemail:@3067630659@qq.com</p>
        <p>CopyRight Wx:@WxJokerXueGdc</p>
        <p>CopyRight TL:@13345204540</p>
    </div>
    <!-- 提示登陆 -->
    <div class="dl">
        <a href="https://passport.suning.com/ids/login?service=https://aq.suning.com/asc/auth?targetUrl=https://m.suning.com/&loginTheme=wap_new"
            target="_blank">
            <img src="/img/dl.png" alt="">
        </a>
    </div>
    <!-- 提示登陆 -->

    <div class="ft_tab">

        <li>
            <img src="./img/op1.png" alt="">
            <span>猜你喜欢</span>
        </li>
        <li>
            <img src="./img/op2.png" alt="">
            <span>分类</span>
        </li>
        <li>
            <img src="./img/op3.png" alt="">
            <span>排行榜</span>
        </li>
        <li>
            <img src="./img/op4.png" alt="">
            <span>购物车</span>
        </li>
        <li>
            <img src="./img/op5.png" alt="">
            <span>我的易购</span>
        </li>
    </div>

    <div class="ft_tab2"></div>

    <script src="./js/index.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            paginationClickable: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: 2000,
            autoplayDisableOnInteraction: false,
            effect: 'coverflow',
            parallax: true,
            loop: true,

        });

    </script>
</body>

</html>